<template>
    <!-- v-model -->
    <input type="text" v-model="first">
    <input type="text" v-model="last">
    <input type="text" v-model="module">

</template>
<script setup>
import { defineModel } from 'vue'
// v-model
const first = defineModel('first')
const last = defineModel('last')
const [module, merdify] = defineModel({
    set(val){
        console.log('merdify.uppersd',merdify.uppersd);
        console.log('val',val);
        if(merdify.uppersd) {   // 可以监听是否有这个修饰符 ,此时表示 有
            return val.charAt(0).toUpperCase() + val.slice(1)
        }
        return val
    }
})

</script>
<style lang='scss' scoped></style>